<template>
	<view style="width: 100%;">
		<p style="text-align: center;">车辆{{carInfo.carType}}详情</p>
		<u-line></u-line>
		<template>
			<u-image width="100%" height="300rpx" :src="carInfo.src"></u-image>
		</template>
		<h3 style="color: #F29100;margin-left: 1rem;">|  载货空间和重量</h3>
		<u-line></u-line>
		<p style="margin-left: 2rem">车辆吨位:{{carInfo.carWeight}}</p>
		<p style="margin-left: 2rem">载重：{{carInfo.carVolume}}吨</p>
		<br>
		<h3  style="color: #F29100;margin-left: 1rem;">|  用车参考</h3>
		<u-line></u-line>
		<p style="margin-left: 2rem">车辆载重越多，收费越高，请酌情选择</p>
		<br>
	</view>
</template>

<script>
	import {gerCarInfoById} from "../../../../../api/user/user";

	export default {
		data() {
			return {
				id:'',
				carInfo:[],
			}
		},
		onLoad(e){
			this.id=e.id;
			this.getInfo(e.id);
		} ,
		methods: {
			getInfo(id){
				gerCarInfoById(id).then(res=>{
					this.carInfo=res.body
					console.log(res)
				})
			},
		}
	}
</script>

<style>

</style>
